html{ font-size: 100px;}
body{ margin: 0rem; padding: 0rem; font-family: "Microsoft YaHei","simsun"; font-size:.16rem; color: #333333;}
*{ margin: 0rem; padding: 0rem; box-sizing: border-box; outline: none;}
a:link,a:visited{ color: #333333; text-decoration: none;}
a:hover{ color: #1658a0;}
ul, li { list-style-type: none; margin: 0rem; padding: 0rem; }
img { border: 0rem; vertical-align: middle; max-width: 100%;}
.clear { clear: both; *height: 1px; }
input, select { vertical-align: middle;}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
.no{ display: none;}
.clearflx:after,.row:after{ visibility: hidden; display: block; font-size: 0rem; content: " "; clear: both; height: 0rem;}
em,i{ font-style: normal;}
.clear{ clear: both;}
input[type="submit"],input[type="button"]{ border: 0rem;}
.f_l{ float: left;}
.f_r{ float: right;}
.t_i{ text-indent: 2em;}
@media screen and (max-width:992px) {
	.f_l_sm{ float: left;}
	.f_r_sm{ float: right;}
	.f_i_sm{ float: inherit;}
}
/**以上样式不需要修改**/



.body_bg{ background-color: #f8f8f8;}
.warp{ background-color: #ffffff;}
.main{ position: relative; z-index:2;}
.row{ width: 1300px; margin: 0px auto; position: relative;}
.row_full{ position: relative;}
.content_bg_01{ background-color: #f8f8f8;}
.content_bg_02{ background-color: #ffffff;}
.content_bg_03{ background-color: #f2f8ff;}
.content_bg_04{ background-color: #63b259;}
.content_bg_05{ background-color: #e19f40;}
.content_bg_06{ background-color: #ba2b29;}
.content_bg_07{ background-color: #d3dce6;}
.content_bg_08{ background-color: #efefef;}
.content_bg_09{ background-color: #F5F9FE;}
.content_bg_10{ background-color: #e7f1fc;}

@media screen and (min-width:993px) and (max-width:1366px) {
	html{ font-size:7.20833333vw;}
	html.slb{ font-size:10.20833333vw !important;}
	.row{ margin: 0 .2rem; width: auto;}
}
@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1280px) {
	
}
@media screen and (max-width:992px) {
	.row{ width:100%; padding-left: .16rem; padding-right: .16rem;}
	.content_bg_01_sm{ background-color: #f8f8f8;}
	.content_bg_02_sm{ background-color: #ffffff;}
	.content_bg_03_sm{ background-color: #f2f8ff;}
	
}
@media screen and (max-width:374px) {
	.row{ padding: 0rem .12rem;}
}




/*有下划线*/
.text_underline,a.text_underline{ text-decoration: underline;}


/*溢出显示隐藏*/
.overflow_hide{ overflow: hidden;}
.overflow_auto{ overflow: auto;}
/*高度控制*/
.w_space_np{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/*一行显示超出省略号隐藏*/
.w_space_np_02{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}/*2行显示超出省略号隐藏*/
.w_space_np_03{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}/*3行显示超出省略号隐藏*/

/**主辅色**/
.primary_color,.primary_color a,a.primary_color{ color: #1658a0;}
.primary_light_01{ color: #1b6cc4;}
.primary_light_02{ color: #2680e1;}
.primary_light_03{ color: #539ae7;}
.primary_light_04{ color: #65a5ea;}
.primary_light_05{ color: #80b4ee;}
.primary_light_06{ color: #9bc4f1;}
.primary_light_07{ color: #adcff4;}
.primary_light_08{ color: #d1e4f9;}
.primary_light_09{ color: #e7f1fc;}
.primary_light_10{ color: #f5f9fe;}

/**强调色**/
.success{ color: #63b259 !important;}
.warning{ color: #e19f40 !important;}
.danger{ color: #ba2b29 !important;}
.info{ color: #909399 !important;}
.red_base{ color: #ff0000 !important;}
.red_01{ color: #D43030 !important;}
.green_01{ color: #42BA36 !important;}


/**灰色**/
.gray_base{ color: #333333 !important;}
.gray_light_01{ color: #000000 !important;}
.gray_light_02{ color: #222222 !important;}
.gray_light_03{ color: #444444 !important;}
.gray_light_04{ color: #555555 !important;}
.gray_light_05{ color: #666666 !important;}
.gray_light_06{ color: #888888 !important;}
.gray_light_07{ color: #999999 !important;}
.gray_light_08{ color: #bbbbbb !important;}
.gray_light_09{ color: #cccccc !important;}
.gray_light_10{ color: #f2f2f2 !important;}
.gray_light_11{ color: #f8f8f8 !important;}
.gray_light_12{ color: #ffffff !important;}

/**字号**/


.fs_h1{ font-size: .48rem !important;}
.fs_h2{ font-size: .4rem !important;}
.fs_h3{ font-size: .36rem !important;}
.fs_h4{ font-size: .32rem !important;}
.fs_h5{ font-size: .3rem !important;}
.fs_h6{ font-size: .24rem !important;}
.fs_h7{ font-size: .22rem !important;}
.fs_h8{ font-size: .2rem !important;}
.fs_base{ font-size: .16rem !important;}
.fs_large{ font-size: .18rem !important;}
.fs_small{ font-size: .14rem !important;}
.fs_xs{ font-size: .12rem !important;}


.slb .fs_h6{ font-size: .2rem !important;}

/**行高,与字号进行匹配**/
.line_h_base{ line-height: 180% !important;}
.line_h_large{ line-height: 200% !important;}
.line_h_small{ line-height: 150% !important;}
.line_h_01{ line-height:.48rem !important;}
.height_auto{ height: auto;}

.slb .line_h_large{ line-height: 180% !important;}
/*页面最小高度*/
.con_min_height{ min-height: 6.5rem !important;}
@media screen and (max-width:992px) {
	.height_auto_sm{ height: auto !important;}
	.con_min_height_sm{ min-height:auto !important;}
}

/**字体**/
/*思源宋体*/
@font-face{
    font-family: 'SourceHanSerifCN';
    src: url('SourceHanSerifCN-Regular.otf');
}
/*思源宋体粗体*/
@font-face{
    font-family: 'SourceHanSerifCN-Heavy';
    src: url('SourceHanSerifCN-Heavy.otf');
}

/*思源黑体*/
@font-face{
    font-family: 'SourceHanSansCN';
    src: url('SourceHanSansCN-Regular.otf');
}

/*思源黑体粗体*/
@font-face{
    font-family: 'SourceHanSansCN-Heavy';
    src: url('SourceHanSansCN-Heavy.otf');
}

.font_family_syst{ font-family: SourceHanSerifCN;}
.font_family_syht{ font-family: SourceHanSansCN;}
.font_family_syhtct{ font-family: SourceHanSansCN-Heavy;}
@media screen and (max-width:992px) {
	.font_family_syst_01{ font-family: SourceHanSerifCN; font-weight: 600;}
	.font_family_syht_01{ font-family: SourceHanSansCN; font-weight: 600;}
}
.font_family{ font-family: "microsoft yahei";}
.font_family_cn{ font-family: simsun !important;}
.font_family_en{ font-family: arial;}
.font_weight_base{ font-weight: bold;}
.font_weight_normal{ font-weight: normal;}

/*父级相对定位*/
.parent_relative{ position: relative;}
.parent_absolute{ position: absolute;}
.parent_absolute{ position: inherit;}
.parent_fixed{ position: fixed;}


/*投影*/
.shadow_base,.shadow_base:focus,.shadow_base:hover { box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); border: 1px solid #e8e8e8\0;}
.shadow_1_up{ box-shadow: 0 -1px 2px -2px rgba(0, 0, 0, 0.16), 0 -3px 6px 0px rgba(0, 0, 0, 0.12), 0 -5px 12px 4px rgba(0, 0, 0, 0.09);}
.shadow_2_up{ box-shadow: 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -6px 16px 0px rgba(0, 0, 0, 0.08), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);}
.shadow_3_up{ box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0px rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);}
.shadow_1_down{ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0px rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);}
.shadow_2_down{ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0px rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);}
.shadow_3_down{ box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);}
.shadow_1_left{ box-shadow: -1px 0 2px -2px rgba(0, 0, 0, 0.16), -3px 0 6px 0px rgba(0, 0, 0, 0.12), -5px 0 12px 4px rgba(0, 0, 0, 0.09);}
.shadow_2_left{ box-shadow: -3px 0 6px -4px rgba(0, 0, 0, 0.12), -6px 0 16px 0px rgba(0, 0, 0, 0.08), -9px 0 28px 8px rgba(0, 0, 0, 0.05);}
.shadow_3_left{ box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0px rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);}
.shadow_1_right{ box-shadow: 1px 0 2px -2px rgba(0, 0, 0, 0.16), 3px 0 6px 0px rgba(0, 0, 0, 0.12), 5px 0 12px 4px rgba(0, 0, 0, 0.09);}
.shadow_2_right{ box-shadow: 3px 0 6px -4px rgba(0, 0, 0, 0.12), 6px 0 16px 0px rgba(0, 0, 0, 0.08), 9px 0 28px 8px rgba(0, 0, 0, 0.05);}
.shadow_3_right{ box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0px rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);}
.shadow_primary{ box-shadow: 0 0 8px rgba(22,88,160,.2);}
.shadow_primary_large{ box-shadow: 0 0 20px rgba(22,88,160,.2);}
.shadow_primary_middle{ box-shadow: 0 0 12px rgba(22,88,160,.2);}
.shadow_primary_small{ box-shadow: 0 0 4px rgba(22,88,160,.2);}




/*滤镜*/
.blur { -webkit-filter: blur(4px); filter: blur(4px);}/*高斯模糊*/
.brightness { -webkit-filter: brightness(0.30); filter: brightness(0.30);}/*给图片应用一种线性乘法，使其看起来更亮或更暗。如果值是0%，图像会全黑。值是100%，则图像无变化*/
.contrast { -webkit-filter: contrast(180%); filter: contrast(180%);}/*调整图像的对比度。值是0%的话，图像会全黑。值是100%，图像不变。值可以超过100%，意味着会运用更低的对比。若没有设置值，默认是1。*/
.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%);}/*将图像转换为灰度图像*/
.huerotate { -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}/*给图像应用色相旋转*/
.invert { -webkit-filter: invert(100%); filter: invert(100%);}/*反转输入图像*/
.opacity { -webkit-filter: opacity(50%); filter: opacity(50%);}/*转化图像的透明程度*/
.saturate { -webkit-filter: saturate(7); filter: saturate(7);}/*转换图像饱和度*/
.sepia { -webkit-filter: sepia(100%); filter: sepia(100%);}/*将图像转换为深褐色*/
.shadow {-webkit-filter: drop-shadow(8px 8px 10px green); filter: drop-shadow(8px 8px 10px green);}/*阴影效果*/

/**线条**/
.border_b_solid{ border-bottom: 1px solid #cccccc;}
.border_b_solid_01{ border-bottom: 1px solid #e2e2e2;}
.border_b_solid_02{ border-bottom: 1px solid #f8f8f8;}
.border_b_solid_03{ border-bottom: 1px solid #d8d8d8;}
.border_b_solid_04{ border-bottom: 2px solid #1658a0;}

.border_t_solid{ border-top: 1px solid #cccccc;}
.border_t_solid_01{ border-top: 1px solid #e2e2e2;}
.border_t_solid_02{ border-top: 1px solid #f8f8f8;}

.border_r_solid{ border-right: 1px solid #cccccc;}
.border_r_solid_01{ border-right: 1px solid #e2e2e2;}
.border_r_solid_02{ border-right: 1px solid #f8f8f8;}
.border_r_solid_03{ border-right: 1px solid #dbe8f5;}

.border_l_solid{ border-left: 1px solid #cccccc;}
.border_l_solid_01{ border-left: 1px solid #e2e2e2;}
.border_l_solid_02{ border-left: 1px solid #f8f8f8;}
.border_l_solid_03{ border-left: 1px solid #f8f8f8;}

.border_solid{ border: 1px solid #cccccc;}
.border_solid_01{ border: 1px solid #e2e2e2;}
.border_solid_02{ border: 1px solid #f8f8f8;}

.border_b_dashed{ border-bottom: 1px dashed #cccccc;}
.border_b_dashed_01{ border-bottom: 1px dashed #e2e2e2;}
.border_b_dashed_02{ border-bottom: 1px dashed #f8f8f8;}

.border_t_dashed{ border-top: 1px dashed #cccccc;}
.border_t_dashed_01{ border-top: 1px dashed #e2e2e2;}
.border_t_dashed_02{ border-top: 1px dashed #f8f8f8;}

.boder_dashed{ border: 1px dashed #cccccc;}
.boder_dashed_01{ border: 1px dashed #e2e2e2;}
.boder_dashed_02{ border: 1px dashed #f8f8f8;}

.border_b_width_02{ border-bottom-width: 2px;}
.border_b_width_03{ border-bottom-width: 3px;}
.border_b_width_04{ border-bottom-width: 4px;}
.border_b_width_05{ border-bottom-width: 5px;}

.border_t_width_02{ border-top-width: 2px;}
.border_t_width_03{ border-top-width: 3px;}
.border_t_width_04{ border-top-width: 4px;}
.border_t_width_05{ border-top-width: 5px;}
@media screen and (max-width:992px) {
	.border_solid_0_sm{ border:0;}
	.border_solid_sm{ border: 1px solid #cccccc;}
	.border_solid_01_sm{ border: 1px solid #e2e2e2;}
	.border_solid_02_sm{ border: 1px solid #f8f8f8;}
	.border_t_0_sm{ border-top:0;}
	.border_b_0_sm{ border-bottom:0;}
	.border_l_0_sm{ border-left:0;}
	.border_r_0_sm{ border-right:0;}
	.border_t_solid_01_sm{ border-top: 1px solid #e2e2e2;}
	.border_b_solid_01_sm{ border-bottom: 1px solid #e2e2e2;}
	.border_l_solid_01_sm{ border-left: 1px solid #e2e2e2;}
	.border_r_solid_01_sm{ border-right: 1px solid #e2e2e2;}
	.border_t_solid_02_sm{ border-top: 1px solid #1658a0;}
	.border_b_solid_02_sm{ border-bottom: 1px solid #1658a0;}
	.border_l_solid_02_sm{ border-left: 1px solid #1658a0;}
	.border_r_solid_02_sm{ border-right: 1px solid #1658a0;}
	.border_t_solid_03_sm{ border-top: 1px solid #f8f8f8;}
	.border_b_solid_03_sm{ border-bottom: 1px solid #f8f8f8;}
	.border_l_solid_03_sm{ border-left: 1px solid #f8f8f8;}
	.border_r_solid_03_sm{ border-right: 1px solid #f8f8f8;}
	
	.border_dashed_sm{ border: 1px dashed #cccccc;}
	.border_dashed_01_sm{ border: 1px dashed #e2e2e2;}
	.border_dashed_02_sm{ border: 1px dashed #f8f8f8;}
}
/**圆角**/
.border_radius_base{ border-radius: .04rem;}
.border_radius_large{ border-radius: .12rem;}
.border_radius_middle{ border-radius:.08rem;}
.border_radius_xl{ border-radius:.2rem;}
.border_radius_xxl{ border-radius:.3rem;}

.slb_border_radius_base{ border-radius: .04rem;}
.slb_border_radius_large{ border-radius: .12rem;}
.slb_border_radius_middle{ border-radius:.08rem;}
.slb_border_radius_xl{ border-radius:.2rem;}
.slb_border_radius_xxl{ border-radius:.3rem;}
@media screen and (max-width:992px) {
	.border_radius_base_sm{ border-radius: .04rem;}
	.border_radius_large_sm{ border-radius: .12rem;}
	.border_radius_middle_sm{ border-radius:.08rem;}
	.border_radius_xl_sm{ border-radius:.2rem;}
	.border_radius_xxl_sm{ border-radius:.3rem;}
}

/*文字对齐*/
.text_align_left{ text-align: left !important;}
.text_align_center{ text-align: center !important;}
.text_align_right{ text-align: right !important;}
.text_align_justify{ text-align: justify !important;}
@media screen and (max-width:992px) {
	.text_align_left_sm{ text-align: left !important;}
	.text_align_center_sm{ text-align: center !important;}
	.text_align_right_sm{ text-align: right !important;}
	.text_align_justify_sm{ text-align: justify !important;}
}

/*显示、隐藏*/
.block{ display: block;}
.none{ display: none;}

@media screen and (max-width:992px) {
	.block_sm{ display: block;}
	.none_sm{ display: none !important;}
}

/*margin*/
.mar_base0{ margin: 0rem;}
.mar_base{ margin:.2rem;}
.mar_large{ margin:.32rem;}
.mar_xl{ margin:.4rem;}
.mar_small{ margin: .16rem;}
.mar_xs{ margin:.08rem;}
.mar_01{ margin: .1rem;}
.mar_02{ margin: .12rem;}
.mar_03{ margin: .24rem;}

.mar_t_base0{ margin-top: 0rem;}
.mar_t_base{ margin-top: .2rem;}
.mar_t_large{ margin-top: .32rem;}
.mar_t_xl{ margin-top: .4rem;}
.mar_t_xxl{ margin-top: .48rem;}
.mar_t_small{ margin-top: .16rem;}
.mar_t_xs{ margin-top: .08rem;}
.mar_t_01{ margin-top: .1rem;}
.mar_t_02{ margin-top: .12rem;}
.mar_t_03{ margin-top: .24rem;}

.mar_b_base0{ margin-bottom:0rem;}
.mar_b_base{ margin-bottom: .2rem;}
.mar_b_large{ margin-bottom: .32rem;}
.mar_b_xl{ margin-bottom: .4rem;}
.mar_b_xxl{ margin-bottom: .48rem;}
.mar_b_small{ margin-bottom: .16rem;}
.mar_b_xs{ margin-bottom: .08rem;}
.mar_b_01{ margin-bottom: .1rem;}
.mar_b_02{ margin-bottom: .12rem;}
.mar_b_03{ margin-bottom: .24rem;}

.mar_l_base0{ margin-left:0rem;}
.mar_l_base{ margin-left: .2rem;}
.mar_l_large{ margin-left: .32rem;}
.mar_l_xl{ margin-left: .4rem;}
.mar_l_small{ margin-left: .16rem;}
.mar_l_xs{ margin-left: .08rem;}
.mar_l_01{ margin-left: .1rem;}
.mar_l_02{ margin-left: .12rem;}
.mar_l_03{ margin-left: .24rem;}

.mar_r_base0{ margin-right:0rem;}
.mar_r_base{ margin-right: .2rem;}
.mar_r_large{ margin-right: .32rem;}
.mar_r_xl{ margin-right: .4rem;}
.mar_r_small{ margin-right: .16rem;}
.mar_r_xs{ margin-right: .08rem;}
.mar_r_01{ margin-right: .1rem;}
.mar_r_02{ margin-right: .12rem;}
.mar_r_03{ margin-right: .24rem;}

/*长者模式*/
.slb .slb_mar_base0{ margin: 0rem;}
.slb .slb_mar_base{ margin:.12rem;}
.slb .slb_mar_middle{ margin:.16rem;}
.slb .slb_mar_large{ margin:.2rem;}

.slb .slb_mar_t_base0{ margin-top: 0rem;}
.slb .slb_mar_t_base{ margin-top:.12rem;}
.slb .slb_mar_t_middle{ margin-top:.16rem;}
.slb .slb_mar_t_large{ margin-top: .2rem;}
.slb .slb_mar_t_xl{ margin-top: .32rem;}

.slb .slb_mar_b_base0{ margin-bottom: 0rem;}
.slb .slb_mar_b_base{ margin-bottom:.12rem;}
.slb .slb_mar_b_middle{ margin-bottom:.16rem;}
.slb .slb_mar_b_large{ margin-bottom: .2rem;}
.slb .slb_mar_b_xl{ margin-bottom: .32rem;}

.slb .slb_mar_l_base0{ margin-left: 0rem;}
.slb .slb_mar_l_base{ margin-left:.12rem;}
.slb .slb_mar_l_middle{ margin-left:.16rem;}
.slb .slb_mar_l_large{ margin-left:.2rem;}
.slb .slb_mar_l_xl{ margin-left:.32rem;}

.slb .slb_mar_r_base0{ margin-right:rem;}
.slb .slb_mar_r_base{ margin-right:.12rem;}
.slb .slb_mar_r_middle{ margin-right:.16rem;}
.slb .slb_mar_r_large{ margin-right:.2rem;}
.slb .slb_mar_r_xl{ margin-right:.32rem;}

/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad_base0{ padding:0rem;}
.pad_base{ padding:.2rem;}
.pad_large{ padding:.32rem;}
.pad_xl{ padding:.4rem;}
.pad_small{ padding: .16rem;}
.pad_xs{ padding:.12rem;}
.pad_xxs{ padding:.08rem;}

.pad_t_base0{ padding-top:0rem;}
.pad_t_base{ padding-top:.2rem;}
.pad_t_large{ padding-top:.32rem;}
.pad_t_xl{ padding-top:.4rem;}
.pad_t_xxl{ padding-top:.48rem;}
.pad_t_small{ padding-top: .16rem;}
.pad_t_xs{ padding-top:.08rem;}

.pad_b_base0{ padding-bottom:0rem;}
.pad_b_base{ padding-bottom:.2rem;}
.pad_b_large{ padding-bottom:.32rem;}
.pad_b_xl{ padding-bottom:.4rem;}
.pad_b_xxl{ padding-bottom:.48rem;}
.pad_b_small{ padding-bottom: .16rem;}
.pad_b_xs{ padding-bottom:.08rem;}
.pad_b_110{ padding-bottom: 1.1rem;}

.pad_l_base0{ padding-left:0rem;}
.pad_l_base{ padding-left:.2rem;}
.pad_l_large{ padding-left:.32rem;}
.pad_l_xl{ padding-left:.4rem;}
.pad_l_small{ padding-left: .16rem;}
.pad_l_xs{ padding-left:.08rem;}

.pad_r_base0{ padding-right:0rem;}
.pad_r_base{ padding-right:.2rem;}
.pad_r_large{ padding-right:.32rem;}
.pad_r_xl{ padding-right:.4rem;}
.pad_r_small{ padding-right: .16rem;}
.pad_r_xs{ padding-right:.08rem;}

/*长者模式*/
.slb .slb_pad_base0{ padding: 0rem;}
.slb .slb_pad_base{ padding:.12rem;}
.slb .slb_pad_large{ padding:.2rem;}

.slb .slb_pad_t_base0{ padding-top: 0rem;}
.slb .slb_pad_t_base{ padding-top:.12rem;}
.slb .slb_pad_t_large{ padding-top: .2rem;}

.slb .slb_pad_b_base0{ padding-bottom: 0rem;}
.slb .slb_pad_b_base{ padding-bottom:.12rem;}
.slb .slb_pad_b_large{ padding-bottom: .2rem;}

.slb .slb_pad_l_base0{ padding-left: 0rem;}
.slb .slb_pad_l_base{ padding-left:.12rem;}
.slb .slb_pad_l_large{ padding-left: .2rem;}

.slb .slb_pad_r_base0{ padding-right: 0rem;}
.slb .slb_pad_r_base{ padding-right:.12rem;}
.slb .slb_pad_r_large{ padding-right: .2rem;}

@media screen and (max-width:992px) {
	
	.mar_base0_sm{ margin: 0rem;}
	.mar_base_sm{ margin:.2rem;}
	.mar_large_sm{ margin:.32rem;}
	.mar_xl_sm{ margin:.4rem;}
	.mar_small_sm{ margin: .16rem;}
	.mar_xs_sm{ margin:.08rem;}
	
	.mar_t_base0_sm{ margin-top: 0rem;}
	.mar_t_base_sm{ margin-top: .2rem;}
	.mar_t_large_sm{ margin-top: .32rem;}
	.mar_t_xl_sm{ margin-top: .4rem;}
	.mar_t_small_sm{ margin-top: .16rem;}
	.mar_t_xs_sm{ margin-top: .08rem;}
	.mar_t_01_sm{ margin-top: .1rem;}
	.mar_t_02_sm{ margin-top: .12rem;}
	
	
	.mar_b_base0_sm{ margin-bottom:0rem;}
	.mar_b_base_sm{ margin-bottom: .2rem;}
	.mar_b_large_sm{ margin-bottom: .32rem;}
	.mar_b_xl_sm{ margin-bottom: .4rem;}
	.mar_b_small_sm{ margin-bottom: .16rem;}
	.mar_b_xs_sm{ margin-bottom: .08rem;}
	.mar_b_01_sm{ margin-bottom: .1rem;}
	.mar_b_02_sm{ margin-bottom: .12rem;}
	
	.mar_l_base0_sm{ margin-left:0rem;}
	.mar_l_base_sm{ margin-left: .2rem;}
	.mar_l_large_sm{ margin-left: .32rem;}
	.mar_l_xl_sm{ margin-left: .4rem;}
	.mar_l_small_sm{ margin-left: .16rem;}
	.mar_l_xs_sm{ margin-left: .08rem;}
	.mar_l_01_sm{ margin-left: .1rem;}
	.mar_l_02_sm{ margin-left: .12rem;}
	
	.mar_r_base0_sm{ margin-right:0rem;}
	.mar_r_base_sm{ margin-right: .2rem;}
	.mar_r_large_sm{ margin-right: .32rem;}
	.mar_r_xl_sm{ margin-right: .4rem;}
	.mar_r_small_sm{ margin-right: .16rem;}
	.mar_r_xs_sm{ margin-right: .08rem;}
	.mar_r_01_sm{ margin-right: .1rem;}
	.mar_r_02_sm{ margin-right: .12rem;}
	
	.pad_base0_sm{ padding:0rem;}
	.pad_base_sm{ padding:.2rem;}
	.pad_large_sm{ padding:.32rem;}
	.pad_xl_sm{ padding:.4rem;}
	.pad_small_sm{ padding: .16rem;}
	.pad_xs_sm{ padding:.08rem;}
	
	.pad_t_base0_sm{ padding-top:0rem;}
	.pad_t_base_sm{ padding-top:.2rem;}
	.pad_t_large_sm{ padding-top:.32rem;}
	.pad_t_xl_sm{ padding-top:.4rem;}
	.pad_t_small_sm{ padding-top: .16rem;}
	.pad_t_xs_sm{ padding-top:.08rem;}
	
	.pad_b_base0_sm{ padding-bottom:0rem;}
	.pad_b_base_sm{ padding-bottom:.2rem;}
	.pad_b_large_sm{ padding-bottom:.32rem;}
	.pad_b_xl_sm{ padding-bottom:.4rem;}
	.pad_b_small_sm{ padding-bottom: .16rem;}
	.pad_b_xs_sm{ padding-bottom:.08rem;}
	
	.pad_l_base0_sm{ padding-left:0rem;}
	.pad_l_base_sm{ padding-left:.2rem;}
	.pad_l_large_sm{ padding-left:.32rem;}
	.pad_l_xl_sm{ padding-left:.4rem;}
	.pad_l_small_sm{ padding-left: .16rem;}
	.pad_l_xs_sm{ padding-left:.08rem;}
	
	.pad_r_base0_sm{ padding-right:0rem;}
	.pad_r_base_sm{ padding-right:.2rem;}
	.pad_r_large_sm{ padding-right:.32rem;}
	.pad_r_xl_sm{ padding-right:.4rem;}
	.pad_r_small_sm{ padding-right: .16rem;}
	.pad_r_xs_sm{ padding-right:.08rem;}
	
	/*长者模式*/
	.slb .slb_mar_base0_sm{ margin: 0rem;}
	.slb .slb_mar_base_sm{ margin:.12rem;}
	.slb .slb_mar_small_sm{ margin:.16rem;}
	.slb .slb_mar_large_sm{ margin:.2rem;}
	
	.slb .slb_mar_t_base0_sm{ margin-top: 0rem;}
	.slb .slb_mar_t_base_sm{ margin-top:.12rem;}
	.slb .slb_mar_t_small_sm{ margin-top:.16rem;}
	.slb .slb_mar_t_large_sm{ margin-top: .2rem;}
	.slb .slb_mar_t_xl_sm{ margin-top: .32rem;}
	
	.slb .slb_mar_b_base0_sm{ margin-bottom: 0rem;}
	.slb .slb_mar_b_base_sm{ margin-bottom:.12rem;}
	.slb .slb_mar_b_small_sm{ margin-bottom:.16rem;}
	.slb .slb_mar_b_large_sm{ margin-bottom: .2rem;}
	
	.slb .slb_mar_l_base0_sm{ margin-left: 0rem;}
	.slb .slb_mar_l_base_sm{ margin-left:.12rem;}
	.slb .slb_mar_l_small_sm{ margin-left:.16rem;}
	.slb .slb_mar_l_large_sm{ margin-left: .2rem;}
	
	.slb .slb_mar_r_base0_sm{ margin-right: 0rem;}
	.slb .slb_mar_r_base_sm{ margin-right:.12rem;}
	.slb .slb_mar_r_small_sm{ margin-right:.16rem;}
	.slb .slb_mar_r_large_sm{ margin-right: .2rem;}
	
	.slb .slb_pad_base0_sm{ padding: 0rem;}
	.slb .slb_pad_base_sm{ padding:.12rem;}
	.slb .slb_pad_small_sm{ padding:.16rem;}
	.slb .slb_pad_large_sm{ padding:.2rem;}
	
	.slb .slb_pad_t_base0_sm{ padding-top: 0rem;}
	.slb .slb_pad_t_base_sm{ padding-top:.12rem;}
	.slb .slb_pad_t_small_sm{ padding-top:.16rem;}
	.slb .slb_pad_t_large_sm{ padding-top: .2rem;}
	
	.slb .slb_pad_b_base0_sm{ padding-bottom: 0rem;}
	.slb .slb_pad_b_base_sm{ padding-bottom:.12rem;}
	.slb .slb_pad_b_small_sm{ padding-bottom:.16rem;}
	.slb .slb_pad_b_large_sm{ padding-bottom: .2rem;}
	
	.slb .slb_pad_l_base0_sm{ padding-left: 0rem;}
	.slb .slb_pad_l_base_sm{ padding-left:.12rem;}
	.slb .slb_pad_l_small_sm{ padding-left:.16rem;}
	.slb .slb_pad_l_large_sm{ padding-left: .2rem;}
	
	.slb .slb_pad_r_base0_sm{ padding-right: 0rem;}
	.slb .slb_pad_r_base_sm{ padding-right:.12rem;}
	.slb .slb_pad_r_small_sm{ padding-right:.16rem;}
	.slb .slb .pad_r_large_sm{ padding-right: .2rem;}
}


@media screen and (max-width:640px) {
	
	.mar_base0_md{ margin: 0rem;}
	.mar_base_md{ margin:.2rem;}
	.mar_large_md{ margin:.32rem;}
	.mar_xl_md{ margin:.4rem;}
	.mar_small_md{ margin: .16rem;}
	.mar_xs_md{ margin:.08rem;}
	
	.mar_t_base0_md{ margin-top: 0rem;}
	.mar_t_base_md{ margin-top: .2rem;}
	.mar_t_large_md{ margin-top: .32rem;}
	.mar_t_xl_md{ margin-top: .4rem;}
	.mar_t_small_md{ margin-top: .16rem;}
	.mar_t_xs_md{ margin-top: .08rem;}
	.mar_t_01_md{ margin-top: .1rem;}
	.mar_t_02_md{ margin-top: .12rem;}
	
	
	.mar_b_base0_md{ margin-bottom:0rem;}
	.mar_b_base_md{ margin-bottom: .2rem;}
	.mar_b_large_md{ margin-bottom: .32rem;}
	.mar_b_xl_md{ margin-bottom: .4rem;}
	.mar_b_small_md{ margin-bottom: .16rem;}
	.mar_b_xs_md{ margin-bottom: .08rem;}
	.mar_b_01_md{ margin-bottom: .1rem;}
	.mar_b_02_md{ margin-bottom: .12rem;}
	
	.mar_l_base0_md{ margin-left:0rem;}
	.mar_l_base_md{ margin-left: .2rem;}
	.mar_l_large_md{ margin-left: .32rem;}
	.mar_l_xl_md{ margin-left: .4rem;}
	.mar_l_small_md{ margin-left: .16rem;}
	.mar_l_xs_md{ margin-left: .08rem;}
	.mar_l_01_md{ margin-left: .1rem;}
	.mar_l_02_md{ margin-left: .12rem;}
	
	.mar_r_base0_md{ margin-right:0rem;}
	.mar_r_base_md{ margin-right: .2rem;}
	.mar_r_large_md{ margin-right: .32rem;}
	.mar_r_xl_md{ margin-right: .4rem;}
	.mar_r_small_md{ margin-right: .16rem;}
	.mar_r_xs_md{ margin-right: .08rem;}
	.mar_r_01_md{ margin-right: .1rem;}
	.mar_r_02_md{ margin-right: .12rem;}
	
	.pad_base0_md{ padding:0rem;}
	.pad_base_md{ padding:.2rem;}
	.pad_large_md{ padding:.32rem;}
	.pad_xl_md{ padding:.4rem;}
	.pad_small_md{ padding: .16rem;}
	.pad_xs_md{ padding:.08rem;}
	
	.pad_t_base0_md{ padding-top:0rem;}
	.pad_t_base_md{ padding-top:.2rem;}
	.pad_t_large_md{ padding-top:.32rem;}
	.pad_t_xl_md{ padding-top:.4rem;}
	.pad_t_small_md{ padding-top: .16rem;}
	.pad_t_xs_md{ padding-top:.08rem;}
	
	.pad_b_base0_md{ padding-bottom:0rem;}
	.pad_b_base_md{ padding-bottom:.2rem;}
	.pad_b_large_md{ padding-bottom:.32rem;}
	.pad_b_xl_md{ padding-bottom:.4rem;}
	.pad_b_small_md{ padding-bottom: .16rem;}
	.pad_b_xs_md{ padding-bottom:.08rem;}
	
	.pad_l_base0_md{ padding-left:0rem;}
	.pad_l_base_md{ padding-left:.2rem;}
	.pad_l_large_md{ padding-left:.32rem;}
	.pad_l_xl_md{ padding-left:.4rem;}
	.pad_l_small_md{ padding-left: .16rem;}
	.pad_l_xs_md{ padding-left:.08rem;}
	
	.pad_r_base0_md{ padding-right:0rem;}
	.pad_r_base_md{ padding-right:.2rem;}
	.pad_r_large_md{ padding-right:.32rem;}
	.pad_r_xl_md{ padding-right:.4rem;}
	.pad_r_small_md{ padding-right: .16rem;}
	.pad_r_xs_md{ padding-right:.08rem;}
	
}